<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <title>订单页面</title>
    <link href="./css/common.css" rel="stylesheet" type="text/css"/>
    <link href="./css/cart.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<div th:replace="header.html"></div>

<div class="container cart">
    <div class="span24">
        <div class="step step1">
            <ul>
                <li  class="current"></li>
                <li  >生成订单成功</li>
            </ul>
        </div>
        <table>
            <tbody>
            <tr>
                <th colspan="5" th:text="${'订单编号:'+oid}"></th>
            </tr>
            <tr>
                <th>图片</th>
                <th>商品</th>
                <th>价格</th>
                <th>数量</th>
                <th>小计</th>
            </tr>
            <tr th:each="orderItem : ${orderList}">
                <td width="60">
                    <img th:src="${'http://localhost:8089/'+orderItem.product.image}"/>
                </td>
                <td th:text="${orderItem.product.pname}">
                    <th:block />
                </td>
                <td th:text="${orderItem.product.shopPrice}">
                </td>
                <td class="quantity" width="60" th:text="${orderItem.quantity}">
                </td>
                <td width="140">
                    <span class="subtotal" th:text="${'￥'+orderItem.subTotal}"></span>
                </td>
            </tr>
            </tbody>
        </table>
        <dl id="giftItems" class="hidden" style="display: none;">
        </dl>
        <div class="total">
            <em id="promotion"></em>
            商品金额: <strong id="effectivePrice" th:text="${'￥'+total+'元'}"></strong>
        </div>
        <form id="orderForm" action="/pay">
            <input type="hidden" name="oid" th:value="${oid}"/>
            <div class="span24">
                <p>
                    收货地址：<input name="addr" type="text" th:value="${user.addr}" style="width:350px" />
                    <br />
                    收货人&nbsp;&nbsp;&nbsp;：<input name="name" type="text" th:value="${user.name}" style="width:150px" />
                    <br />
                    联系方式：<input name="phone" type="text"th:value="${user.phone}" style="width:150px" />

                </p>
                <hr />
                <p>
                    选择银行：<br/>
                    <input type="radio" name="pd_FrpId" value="ICBC-NET-B2C" checked="checked"/>工商银行
                    <img src="./image/bank_img/icbc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="BOC-NET-B2C"/>中国银行
                    <img src="./image/bank_img/bc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="ABC-NET-B2C"/>农业银行
                    <img src="./image/bank_img/abc.bmp" align="middle"/>
                    <br/>
                    <input type="radio" name="pd_FrpId" value="BOCO-NET-B2C"/>交通银行
                    <img src="./image/bank_img/bcc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="PINGANBANK-NET"/>平安银行
                    <img src="./image/bank_img/pingan.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="CCB-NET-B2C"/>建设银行
                    <img src="./image/bank_img/ccb.bmp" align="middle"/>
                    <br/>
                    <input type="radio" name="pd_FrpId" value="CEB-NET-B2C"/>光大银行
                    <img src="./image/bank_img/guangda.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="CMBCHINA-NET-B2C"/>招商银行
                    <img src="./image/bank_img/cmb.bmp" align="middle"/>
                </p>
                <hr />
                描述: <input name="subject" value=""/><br>
                金额: <input name="money" value=""/><br>
                <p style="text-align:right">
                    <a href="javascript:document.getElementById('orderForm').submit();">
                        <img src="./image/images/finalbutton.gif" width="204" height="51" border="0" />
                    </a>
                </p>
            </div>
        </form>
    </div>
</div>
<div th:replace="footer.html"></div>
</body>
</html>